.redButton{
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.redButton:hover {
    background-color: #e60000;
}

.redButton:active {
    background-color: #b30000;
}

.blueButton {
    background-color: #4d94ff; /* 蓝色背景 */
    color: white; /* 文字颜色 */
    border: none; /* 无边框 */
    border-radius: 5px; /* 圆角 */
    padding: 0.2rem 0.5rem; /* 内边距 */
    font-size: 0.8rem; /* 字体大小 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: background-color 0.2s ease; /* 背景颜色过渡效果 */
}

.blueButton:hover {
    background-color: #1a75ff; /* 悬停时更深的蓝色 */
}

.blueButton:active {
    background-color: #0052cc; /* 点击时更深的蓝色 */
}